<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	<h:head>
		<title>Bank of Quebec</title>
	</h:head>
    <h:body>
    	<h:outputStylesheet library="css" name="inputStyle.css" />
 		<h:form>
 			<div id="container" style="width:1145px">
	 			<div>
	 				<h:graphicImage library="images" name="main_logo_md.png" />
		 			<table align="center">
		 				<tr>
					    <td width="100px">Type of Identification</td>
					    <td>
			    			<h:selectOneMenu value="#{clientManagedBean.client.identificationType}"  style="width: 210px" required="true" id="identificationType">
    							<f:selectItem itemValue="#{null}" itemLabel="-- select one --" />
    							<f:selectItems value="#{clientManagedBean.identificationTypes.entrySet()}" var="entry" itemValue="#{entry.key}" itemLabel="#{entry.value}" />
							</h:selectOneMenu>
			    		</td>
					  </tr>
					  <tr>
					    <td>Identification</td>
					    <td>
					    	<h:inputText id="j_usernamej_username" 
					             value="#{clientManagedBean.client.idNumber}" 
					             required="true" size="20"
					             validator="#{clientManagedBean.checkClientId}">
							</h:inputText>
					    </td>
					  </tr>
					  <tr>
					    <td>Password</td>
					    <td>
					    	<h:inputSecret id="j_password" 
					             value="#{clientManagedBean.client.password}" 
					             required="true" size="20"
					             validator="#{clientManagedBean.checkClientPassword}">
							</h:inputSecret>
					    </td>
					  </tr>
					  <tr>
					  	<td colspan="2" align="center">
					  		<h:commandButton type="submit" id="login" action="#{clientManagedBean.doLogin}" image="/resources/images/signin_button.png" />
					  	</td>
					  </tr>
					</table>
		 		</div>
		 	</div>
 		</h:form>
    </h:body>
</html>